<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>安全中心</title>
		<link href="../mui/css/mui.min.css" rel="stylesheet" />
		<link href="../styles/default.css" rel="stylesheet" />
		<link href="../mui/css/mui.picker.min.css" rel="stylesheet" />
		<link href="../font-awesome/css/font-awesome.min.css" rel="stylesheet" />
		<style type="text/css">
			.mui-content>.mui-table-view:first-child {
				margin-top: 0;
			}
			
			
			.mui-table-view {
				position: relative;
				margin-top: 1.17647059em;
				margin-bottom: 0.8rem;
				background-color: #fff;
				line-height: 1.41176471;
				font-size: 0.7rem;
			}
			
			.mui-table-view-cell {
				position: relative;
				height: 2.5rem;
				padding: 0.5rem 0.6rem;
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-box-align: center;
				-webkit-align-items: center;
				align-items: center;
			}
			
			.mui-table-view-cell__bd {
				-webkit-box-flex: 1;
				-webkit-flex: 1;
				flex: 1;
			}
			
			.font-right {
				margin-right: 1rem;
				color: #999;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav hotel-header">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" href="javascript:history.back();"></a>
			<h1 class="mui-title">安全中心</h1>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<div class="mui-table-view-cell__bd">
						<span>现金金额</span>
					</div>
					<a class="mui-navigate-right">
						<span class="font-right">￥50.88</span>
					</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<div class="mui-table-view-cell__bd">
						<span>积分</span>
					</div>
					<a class="mui-navigate-right">
						<span class="font-right">2000</span>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-table-view-cell__bd">
						<span>代金券</span>
					</div>
					<a class="mui-navigate-right">
						<span class="font-right">￥200.00</span>
					</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<div class="mui-table-view-cell__bd">
						<span>银行卡</span>
					</div>
					<a class="mui-navigate-right">
						<span class="font-right">2张</span>
					</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<div class="mui-table-view-cell__bd">
						<span>安全等级</span>
					</div>
					<a class="mui-navigate-right">
						<span class="font-right">安全</span>
					</a>
				</li>
			</ul>
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="../libs/ems.js" data-main='./city.js'></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>